<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>仓库调拨</title>
</head>

<body>
    <form class="layui-form" action="">

        <div class="select common">
            <div class="select-title">查询条件</div>

            <div class="select-con">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">调拨单号:</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input  Suppliername">
                        </div>
                    </div>
                </div>


                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">名称:</label>
                        <div class="layui-input-inline">
                            <input type="text" class="layui-input  Purchaseorder">
                        </div>
                    </div>
                </div>

                <div class="select-btn">
                    <div class="layui-bg-green comquery " id="Rawquery">查询</div>
                    <div class="layui-bg-green comquery " id="reset">重置</div>
                </div>
            </div>
        </div>
    </form>

    <div class="common-padding">
        <table class="layui-hide" id="testdome" lay-filter="testdome"></table>
    </div>
</body>
<!-- 头部 -->
<script type="text/html" id="toolbarinter">
    <div class="layui-btn-container ">
        <button class="layui-btn  layui-btn-sm colors" lay-event="add"><i class="layui-icon"></i></i>添加</button>
    </div>
</script>

<!-- 查看的内容 -->
<script type="text/html" id="contentquery">
    <div class="select common">

        <div class="select-title" style="border-bottom:0px;background-color: #f3f3f3;">
            基本信息
        </div>
        {{each lists}}
        <ul class="basis-h">

            <li>
                <label>名称:</label>
                <p>{{$value.transfername}}</p>
            </li>
            <li>
                <label>调拨时间:</label>
                <p>{{$value.transferdate}}</p>
            </li>
            <li>
                <label>企业名称:</label>
                <p>{{$value.enterprisename}}</p>
            </li>
            <li>
                <label>调出仓库:</label>
                <p>{{$value.outstorehouse}}</p>
            </li>
            <li>
                <label>调出二级仓库:</label>
                <p>{{$value.outarea}}</p>
            </li>

            <li>
                <label></label>
                <p class="empty-h"></p>
            </li>
            <li>
                <label>调拨单号:</label>
                <p style="width:200px;">{{$value.transfercode}}</p>
            </li>
        </ul>
        <div style="padding:10px  0  0 10px;"> </div>

        <table class="layui-table">
            <thead>
                <tr>
                    <th style="text-align: center;">商品名称</th>
                    <th style="text-align: center;">批次</th>
                    <th style="text-align: center;">调出仓库</th>
                    <th style="text-align: center;">调出二级仓库</th>
                    <th style="text-align: center;">调入仓库</th>
                    <th style="text-align: center;">调入二级仓库</th>
                    <th style="text-align: center;">数量</th>
                    <th style="text-align: center;">重量</th>
                </tr>
            </thead>
            <tbody>
                {{each $value.stoOrderdetailVoList}}
                <tr>
                    <td style="text-align: center;">{{$value.productname}}</td>
                    <td style="text-align: center;">{{$value.batchcode}}</td>
                    <td style="text-align: center;">{{$value.outstorehouse}}</td>
                    <td style="text-align: center;">{{$value.outarea}}</td>
                    <td style="text-align: center;">{{$value.inpstorehouse}}</td>
                    <td style="text-align: center;">{{$value.inparea}}</td>
                    <td style="text-align: center;">{{$value.num}}{{$value.unit}}</td>
                    <td style="text-align: center;">{{$value.weight}}</td>

                </tr>
                {{/each}}
            </tbody>
        </table>
        {{/each}}
    </div>
</script>

<!-- 里面的查看 -->
<script type="text/html" id="More">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
</script>
<script src="../../../../js/module/jquery-3.4.1.min.js"></script>
<script src="../../../../js/common/template-web.js"></script>
<script>
    layui.use(['table', "laydate", "util"], function() {
        var $ = layui.jquery,
            table = layui.table,
            util = layui.util,
            laydate = layui.laydate;

        //监听表格里面按钮
        table.on('tool(testdome)', function(obj) {
            var data = obj.data; //获得当前行数据
            var layEvent = obj.event;
            if (layEvent === 'detail') {
                lookover(data.id);
                return
            }
        });


        //监听头部监听
        table.on("toolbar(testdome)", function(obj) {
            var checkStatus = table.checkStatus(obj.config.id),
                data = checkStatus.data; //获取选中的数据
            switch (obj.event) {
                case "add":
                    window.location.href = "./dialog/addProduct.html";
                    break;
            }
        });


        function lookover(t) {
            layer.open({
                type: 1,
                title: "查看",
                shadeClose: true, //是否点击遮罩关闭
                anim: 5, //弹出动画
                scrollbar: false, //窗口外滚动条是否出现
                skin: 'layui-layer-rim', //加上边框
                area: ['860px', '380px'], //宽高
                content: '<div class="ssss"></div>',
                success: function(layero, index) {

                    noAjax('StoInventory/getStoOrderOne', {
                        id: t
                    }, "GET").done(function(resp) {

                        resp = resp.list;
                        console.log(resp)
                        $.each(resp, function(index, item) {
                            if (item.transferdate == null || item.transferdate == "") {
                                item.transferdate = "";
                            } else {
                                item.transferdate = times(item.transferdate);
                            }

                            $.each(item.stoOrderdetailVoList, function(v, itd) {
                                if (itd.weight == null || itd.weight == "") {
                                    itd.weight = "";
                                } else {
                                    itd.weight = Number(itd.weight).toFixed(2);
                                }
                            })
                        });

                        var datasss = {};
                        datasss.lists = resp;
                        var html = template("contentquery", datasss);
                        $(".ssss").html(html);

                    }).fail(function(err) {
                        console.log(err)
                    });
                }
            });
        }

        function times(t) {
            return (t = t.split("T")[0]);
        }

        //获取列表
        var tableIns = table.render({
            elem: '#testdome',
            url: base + "StoInventory/getStoOrderList",
            method: "GET",
            where: {},
            headers: {
                Authorization: "Bearer" + " " + sessions
            },
            toolbar: '#toolbarinter',
            request: {
                limitName: '10'
            },
            request: {
                pageName: 'total',
                limitName: 'pages'
            },
            limits: [10, 20],
            parseData: function(res) { //res 即为原始返回的数据
                console.log(res)
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.message, //解析提示文本
                    "totalNum": res.total, //解析数据长度
                    "lists": res.ipage.records //解析数据列表
                };
            },
            response: {
                statusName: 'code', //数据状态的字段名称，默认：code
                statusCode: 10000, //成功的状态码，默认：0
                msgName: "message", //状态信息的字段名称，默认：msg
                countName: 'totalNum', //数据总数的字段名称，默认：count
                dataName: 'lists', //数据列表的字段名称，默认：data
            },

            cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
                ,
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: ['prev', 'page', 'next', 'skip', 'count'] //自定义分页布局
                    //,curr: 5 //设定初始在第 5 页
                    ,
                groups: 5 //只显示 1 个连续页码
                    ,
                first: true //不显示首页
                    ,
                last: true //不显示尾页
                    ,

                next: "下一页",
                prev: '上一页',
                theme: "#c81623",
            },
            // height: 'full-20',//满高
            cols: [
                [{
                    title: '编号',
                    type: 'numbers',
                    fixed: 'left'
                }, {
                    field: 'transferdate',
                    title: '调拨日期',
                    minWidth: 120,
                    sort: true,
                    align: "center",
                    fixed: 'left',
                    templet: function(d) {
                        var numv = null;
                        if (d.transferdate == "" || d.transferdate == null) {
                            numv = " ";
                        } else {
                            numv = d.transferdate = layui.util.toDateString(d.transferdate, 'yyyy-MM-dd');
                        }
                        return numv
                    },
                }, {
                    field: 'transfercode',
                    title: '调拨单号',
                    minWidth: 160,
                    align: "center",
                }, {
                    field: 'transfername',
                    title: '名称',
                    minWidth: 150,
                    align: "center",
                }, {
                    field: 'outstorehouse',
                    title: '调出仓库',
                    minWidth: 120,
                    align: "center",
                    sort: true,
                }, {
                    field: 'outarea',
                    title: '调出二级仓库',
                    minWidth: 120,
                    align: "center",
                }, {
                    field: 'wealth',
                    width: 137,
                    title: '操作',
                    minWidth: 20,
                    align: "center",
                    fixed: 'right',
                    toolbar: '#More',
                }]
            ]
        });



        /*查询*/
        $("#Rawquery").click(function() {
            if ($(".Suppliername").val() == "" && $(".Purchaseorder").val() == "") {
                layer.msg('请输入查询条件！', {
                    time: 1000,
                    offset: 't',
                });
                return
            }

            datelist = {
                    transfercode: $(".Suppliername").val(),
                    transfername: $(".Purchaseorder").val(),
                }
                // console.log(datelist)
            tableIns.reload({
                where: datelist,
                page: {
                    curr: 1, //重新从第 1 页开始
                    layout: ['prev', 'page', 'next', 'skip', 'count']
                },
            })
        })


        /*重置*/
        $("#reset").click(function() {
            $(".Suppliername").val("");
            $(".Purchaseorder").val("");
            tableIns.reload({
                where: {

                },
                page: {
                    curr: 1, //重新从第 1 页开始
                    layout: ['prev', 'page', 'next', 'skip', 'count']
                },
            })
        })
    })
</script>

</html>